<template>
	<view>
		<view class=" " v-for="(item, index) in detailData" :key="item.Id" style=" width: 93%;
		  margin: 0 auto;
		  box-shadow: 3px 4px 16px 0px #6b6b6a;
		  margin-top: 40rpx;
		  margin-bottom: 10px;
		  background-color: #ffffff;
		  border-radius: 10rpx;
		 padding: 20rpx;
		">
			<view class="bold " style="font-size: 14px; color: #000;margin-bottom: 10rpx;">
				客户:<span class="font">{{item.CustomName}}</span>
			</view>
			<view class="flex Jbetween" style="font-size: 14px">
				<span class="font">出发日期: {{ item.DepartureDate || "无" }}</span>
				<span class="font">到达日期: {{ item.ArrivalDate || "无" }}</span>
			</view>
			<view class="flex Jbetween" style="font-size: 14px">
				<span class="font">出发城市: {{ item.OutCity || "无" }}</span>
				<span class="font">到达城市: {{ item.ArriveCity || "无" }}</span>
			</view>
			<view class="flex Jbetween" style="font-size: 14px">
				<span class="font">业务性质: {{ item.ExpenseType || "无" }}</span>
				<span class="font">票据类型: {{ item.BillType || "无" }}</span>
			</view>
			<view class="flex Jbetween" style="font-size: 14px">
				<span class="font">发票分类: {{ item.InvoiceClassification || "无" }}</span>
				<span class="font">是否无票支出: {{ item.IsNoTicket || "无" }}</span>
			</view>
			<view class="flex Jbetween" style="font-size: 14px">
				<span class="font">票面金额: {{ item.FaceAmount || "无" }}</span>
				<span class="font">报销金额: {{ item.ReimburseAmount || "无" }}</span>
			</view>
			<view class="flex Jbetween" style="font-size: 14px">
				<span class="font">票据张数: {{ item.BillsNum || "无" }}</span>
				<span class="font">摘要: {{ item.ItemAbstract || "无" }}</span>
			</view>
			<view class="flex Jbetween" style="font-size: 14px">
				<span class="font">附件: {{ item.files || "附件" }}</span>
			</view>
			<view class="flex Jend">
				<view @click="delte([item.Id], index)" style="
		      width: 15%;
		      border-radius: 5px;
		      line-height: 30px;
		      color: #fff;
		      text-align: center;
		      background-color: red;
		    ">
					删除
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 明细表
				detailData: []
			}
		}
	}
</script>

<style lang="less" scoped>
</style>